<template>
    
    <!-- 组件的模板 -->
    <div class="page background_color">
        <div class="entrance_top">
            <img src="../../static/imgs/computer.png" class="computer_logo" alt="">
            <p class="tip">在电脑上登录云平台进行使用</p>
            <a href="javascript:;" class="link">vip.doumi.com/login</a>
        </div>
        <div class="divide"></div>
        <div class="entrance_bottom">
            <ul>
                <li>
                    <div class="bottom_img">
                        <img src="../../static/imgs/bottom_icon1.png" alt="" class="bottom_icon">
                    </div>
                    <div class="bottom_tips">
                        <p class="tips1">更好的使用体验</p>
                        <p class="tips2">排班更方便、操作更便捷</p>
                    </div>
                </li>
                <li>
                    <div class="bottom_img">
                        <img src="../../static/imgs/bottom_icon2.png" alt="" class="bottom_icon">
                    </div>
                    <div class="bottom_tips">
                        <p class="tips1">更丰富的统计分析功能</p>
                        <p class="tips2">项目概览、项目分布</p>
                    </div>
                </li>
                <li>
                    <div class="bottom_img">
                        <img src="../../static/imgs/bottom_icon3.png" alt="" class="bottom_icon">
                    </div>
                    <div class="bottom_tips">
                        <p class="tips1">更强大的筛选功能</p>
                        <p class="tips2">考勤筛选、位置上报筛选</p>
                    </div>
                </li>
            </ul>
        </div>
        
    </div>
        
</template>

<script>
    /**
     *  引入工具类库 或 Native API
     *  example : import widget from 'gapi/widget'
     */
    
    /**
     *  引入组件 以及 组件接口(Action)
     *  example : import Somecomponents from 'components/Somecomponents/Somecomponents'
     */

    /**
     *  组件实例对象
     */
    export default {
        components: {

        },
        data: function(){
            return{
                
            }
        },
        vuex: {
            getters: {

            },
            actions: {

            }
        },
        methods: {
            /**
             * 初始化
             * @method init
             * @public
             * @return {Null} void
             */
            init (){
                
                
                
            }
        },
        created(){

            this.init();
            
        }
        
    }

    
</script>

<!-- CSS 样式 -->
<!-- <style src="static/css/global.css"></style> -->
<style src="../../node_modules/weui/dist/style/weui.css"></style>
<style src="../../static/css/common.css"></style>
<style src="../../static/css/pc-entrance.css"></style>



